import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 导入Vant组件库和样式
import Vant, { Lazyload } from 'vant'
// import 'vant/lib/index.css'
// 如果想要定制主题,引入less文件
import 'vant/lib/index.less'
// 导入自己写的全局样式，写在导入vant样式的下面，才能覆盖
import './styles/index.less'

// 导入修改rem基准值的插件
import 'amfe-flexible' // 导入一个js不给名字，就会执行这个js文件

// 导入自己的插件
import Plugins from './utils/plugin'

// 注册Vant为全局组件
Vue.use(Vant)

// 注册自己的插件
Vue.use(Plugins)

// 注册图片懒加载插件=> 原理：图片进入可视区才会加载渲染
Vue.use(Lazyload)

Vue.config.productionTip = false

new Vue({
  // 挂载后所有组件都可以访问他们身上的方法 $router $store
  router,
  store,
  render: h => h(App)
}).$mount('#app')
